<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>便民服务-企业信息查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">		
	</head>
	<style type="text/css">
		body{overflow-y: auto;}		
	   .mui-content{position: absolute;top: 0;left: 0;height:100%;  background:#f4f4f4 url(../../images/service/company_banner01.png)  no-repeat; background-size:100% 200px;}
	   .mui-content .mui-title{color: #fff;}
	   .mui-bar{background: none;}
	   .mui-input-row .phone_code>img{display: block; width: 1.33rem; height: .63rem; float: right; margin: .1rem 0px 0px 0px;}
	   button[type=button]{margin: .6rem .25rem; color: #fff; width: 6.7rem; padding: .25rem 0px; background-color: #ff7800; font-size: .32rem; border: none;}
	   .mui-input-group .ico_code{background: url(../../images/service/s_ico02.png) no-repeat; display: inline-block; vertical-align: middle; width: .34rem; height: .38rem; background-size: cover; margin: 0px .1rem 0px 0px;}
	   .company-content{width: 6.7rem;margin: .8rem auto;}
	   .result_content{margin-top: 0px;}
	   .result_content>h3{color: #fff; font-size: .3rem}
	   .result_content .ico_result{display: inline-block; vertical-align: middle; width: .4rem; height: .44rem; background: url(../../images/service/list_icon.png) no-repeat center top; background-size: cover; margin: 0px .1rem 0px 0px;font-weight:normal;}
	   .float_right{float: right; color: #333; font-size: .3rem;}
	   .float_right>b{color: #ff0000;font-weight: normal;}
	   .mui-navigate-right>p{width: 90%;}
	   .mui-navigate-right>.list_tltle{font-size: .3rem; color: #333;}
	   .mui-navigate-right>.list_tltle span{font-size: .3rem; color: #0096ff;}
	   .mui-navigate-right>.list_detail{font-size: .26rem; color: #999;}
	   .mui-slider{width: 6.7rem!important;margin: auto auto 0.4rem auto;border-radius: 5px; margin-top: 1.4rem; width: 100%; height: auto; ;}
  	   .mui-table-view{border-radius: 5px; padding: .1rem 0;}
	   .mui-table-view-cell{color: #999; font-size: .3rem;}
	   .mui-table-view .title{ font-size: .3rem;}
	   .borderNone:after,.mui-table-view:after{background:none;}
	   .title:after{background:#c8c7cc;}
	   .mui-bar-transparent{background:rgba(22,83,252,0);}
       .mui-bar-nav~.mui-content .mui-slider.mui-fullscreen{top:2.1rem;}
	   .mui-pull-bottom-tips {text-align: center;background-color: #efeff4;font-size: 15px;line-height: 40px;color: #777;}
	   .mui-pull-top-canvas {overflow: hidden;background-color: #fafafa;border-radius: 40px;box-shadow: 0 4px 10px #bbb;width: 40px;height: 40px;margin: 0 auto;}
	   .mui-pull-top-canvas canvas {width: 40px;}
	   .mui-slider-indicator.mui-segmented-control {background-color: #efeff4;}
	   .mui-scroll-wrapper{overflow:auto;}
	</style>
	<body>
		<!-- 主体start -->
		<div class="mui-content">		
		<div class="company-content">   
				<div class="result_content">
					<h3><i class="ico_result"></i>搜索结果</h3>						
					<div class="result_list">
						<div id="slider" class="mui-slider mui-fullscreen">
							<div class="mui-slider-group">
								<div id="item1mobile">
									<div id="scroll1" class="mui-scroll-wrapper">
										<div class="mui-scroll">						
											<ul class="mui-table-view">
											    <li class="mui-table-view-cell borderNone title"><font id="serKey"></font>
											       <span class="float_right">共<b>{{size}}</b>条</span>
											    </li>							
											    <li class="mui-table-view-cell" v-for="com in comList">
											        <a class="mui-navigate-right" :id="com.id">
											        	<p class="list_tltle mui-ellipsis" v-html="com.name"></p>
											        	<p class="list_detail mui-ellipsis">法定代表人:{{com.legalPersonName}}&nbsp;注册时间：{{com.estiblishTime}}</p>
											        </a>
											    </li>
											</ul>						
					                    </div>
									</div>
								</div>
							</div>
						</div>	
					</div>	
				</div>	
			<!-- 企业信息查询证end -->
		</div>
		<!-- 主体end -->	
	</body>
	<script>
		function my_immersed(immersed){
			
		}
	</script>
	<script src="../../js/immersed.js"></script>
	<script src="../../js/mui.min.js"></script><!-- mui -->
	<script src="../../js/common.js"></script><!-- 共用rem适配-js -->
	<script src="../../js/jquery2.2.4.min.js"></script>	<!-- jquery -->
	<script src="../../js/vue.min.js"></script>
	<script src="../../js/app.js"></script>
	<script type="text/javascript">
			mui.init();
			var mv = new Vue({
				el:'#scroll1',
				data:{
					size:'0',
					comList:[]
				}
			});
			mui.plusReady(function(){
				var kws = localStorage.getItem('COM_SEAECH_KWS');
				if(kws != undefined && kws != null){
					document.getElementById("serKey").innerText = kws;
				}
				utils.ajax('appHttpService/getCompanyInfo.do',function(data){
					var data = JSON.parse(data);
					if (data.code == '0') {//成功
						var result = JSON.parse(data.result);
						var comps = result.result;
						for (var i in comps) {
							var name = comps[i].name;
							comps[i].name = name.replace(kws, "<span>"+kws+"</span>");
						}
						mv.comList = result.result;
						if(result.result != null && result.result != undefined && result.result != ''){
							mv.size = result.result.length;
						}
						closeWaitingAndShowView();
					} else {
						mui.toast(data.result);
					}
				},'kws='+kws,null,function(){
					mui.toast('抱歉，当前服务不可用，请稍后再试');
				})
				//详细信息
				mui('.mui-table-view').on('tap','li a',function(){
					var companyId = this.getAttribute("id");
					utils.showWaiting();
					showTemplates('com_search_detail.html','企业详细信息','_www/src/bianmin/com_search_detail.html?companyId='+companyId)
				})
			})
			
	</script>
</html>
